<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery.1.10.2.js"></script>
</head>
<body>
<style>
    #div1 {width:200px; height:200px; background:#CCC; display:none;}
</style>
<div id="div1">没有cookie信息</div>
<script>
    /* 如果没有cookie信息，将显示div，否则不显示。 （请在火狐浏览器下测试） */
    //设置cookie
    function setCookie(name, value, iDay){
        var oDate=new Date();
        oDate.setDate(oDate.getDate()+iDay);
        document.cookie=name+'='+value+';expires='+oDate;
    }
    //读取cookie
    function getCookie(name)
    {
        var arr=document.cookie.split(';');  //定义一个数组
        var re=new RegExp('\\b'+name+'=\\w+');  //定义一个正则
        var res=document.cookie.match(re);  //匹配所选字段
        if(res){
            return res[0].split('=')[1]; //如果匹配成功，返回结果
        }
        else
        {
            return ''; //否则返回空
        }
    }

    //删除cookie
    function removeCookie(name){setCookie(name, '1', -1) } //利用setCookie函数，将时间设置为-1，达到删除效果（默认没有删除方法）
    window.onload=function ()
    {
        var oDiv=document.getElementById('div1');

        if(!getCookie('arrial'))//如果有cookie，div不显示
        {
            oDiv.style.display='block';
            setCookie('arrial', 'er', 30);	  //向cookie中添加'arrial', '1', 30
        }
    };
    //文件给我身边好人

</script>
</body>
</html>